import React, {Component} from 'react'
import { Menu } from 'antd';
import './css/productCenter.scss'
import ProductCenter from './productList'
const menuData = [
    {
        key: '/basics',
        label: '产品分类',
        children: [
            {
                key: '/navs1',
                label: '分类1',
            },
            {
                key: '/navs2',
                label: '分类2',
            }
        ]
    }
]
export default class Layout extends Component {
    onClick = (e) => {
        console.log(e)
    }
    render() {
        return (
            <div className={'productCenter-box'}>
                <div className={'left-box'}>
                    <Menu
                        defaultSelectedKeys={['1']}
                        defaultOpenKeys={['sub1']}
                        mode="inline"
                        theme="dark"
                        onClick={(e) => this.onClick(e)}
                        items={ menuData }
                    />
                </div>
                <div className={'right-box'}>
                    <ProductCenter/>
                </div>
            </div>
        )
    }
}
